@font-face {

    font-family: "Inter-Bold";

    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Bold.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Inter-Medium";

    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Medium.tf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Inter-Regular";

    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}

b,
strong {
    font-weight: 700;
    font-family: "Inter-Bold";
}

strong:focus {
    outline: 2px dashed #000;
}

a#ChangeCookiePreferences {
    font-family: "Inter-Bold";
}

.footer-p {
    font-size: 100%;
}

img#logofooter {
    margin-top: 30px;
    width: 21%;
    margin-left: 0px;
    mix-blend-mode: multiply;
}

img#logofooterTwo {
    margin-top: 30px;
    width: 20%;
    margin-left: 30px;
    mix-blend-mode: multiply;
}

img#logofooterThree {
    margin-top: 20px;
    width: 10%;
    margin-left: 30px;
    mix-blend-mode: multiply;
}

img#logofooterFour {
    margin-top: 30px;
    width: 21%;
    margin-left: 0px;
    mix-blend-mode: multiply;
}

.footer {
    background-color: #f2f5f9;
    margin-top: 60px;
    border-top: 1px solid #b1b4b6;
}

.footer-text {
    text-align: center;
}

p#linkOne {
    text-decoration: underline;
    font-family: 'Inter-Bold';
    font-size: 18px !important;
}

p#linkTwo {
    text-decoration: underline;
    font-family: 'Inter-Bold';
    font-size: 18px !important;
}

p#linkThree {
    text-decoration: underline;
    font-family: 'Inter-Bold';
    font-size: 18px !important;
}

#linkFour {
    text-decoration: underline;
    font-family: 'Inter-Bold';
    font-size: 18px !important;
}

p#socialText {
    margin-top: 10%;
    padding-bottom: 0px !important;
    font-family: 'Inter-Bold';
    color: #000;
}

.social-media {
    margin-left: 30%;
}

p#footertext {
    margin-top: 13%;
    color: #fff;
    font-size: 18px !important;
}

img#footerimageone {
    margin-top: 15%;
    float: left;
    padding-right: 10px;
    width: 40px;
}

p#textone {
    color: #fff;
    margin-top: 13%;
    font-size: 18px !important;
    margin-left: 18% !important;
    font-weight: 700;
}

img#footerimagetwo {
    margin-top: 8%;
    float: left;
    padding-right: 10px;
    width: 40px;
}

p#texttwo {
    color: #fff;
    margin-top: 7%;
    margin-left: 20%;
    font-size: 18px !important;
    font-weight: 700;
}

img#footerimagethree {
    margin-top: 0%;
    float: left;
    padding-right: 10px;
    width: 40px;
}

p#textthree {
    color: #fff;
    margin-top: 0%;
    margin-left: 20%;
    font-size: 18px !important;
    font-weight: 700;
}

img#footerimagefour {
    margin-top: 10%;
    float: left;
    padding-right: 10px;
    margin-left: 0px;
    width: 40px;
}

p#textfour {
    color: #fff;
    margin-top: 11%;
    margin-left: 20%;
    font-size: 18px !important;
    font-weight: 700;
}

img#logofooterSix {
    width: 9%;
    margin-top: 1%;
}

img#logofooterSeven {
    width: 20%;
    margin-left: 30px;
    mix-blend-mode: multiply;
    margin-top: 20px;
}

img#logofooterEight {
    width: 250px;
    mix-blend-mode: multiply;
    margin-top: 30px;
    position: relative;
}

.footer-text {
    padding-top: 20px;
    text-align: center;
    display: contents;
}

.text-block a {
    cursor: pointer;
    color: #003e90;
}

@media only screen and (max-width: 1920px) {
    .social-media {
        margin-left: 26% !important;
    }

    img.council-logo {
        width: 150px;
        float: left;
        margin-right: 20px;
        bottom: 2px !important;
        margin-left: 68px;
        position: relative;
        margin-top: 25px;
    }

    .footer-text {
        padding-top: 20px;
        text-align: center;
    }

    p#footerText {
        left: 3%;
        margin-top: 20px;
        position: relative;
    }

    img#logofooterSix {
        width: 12%;
        margin-top: 1%;
    }
}

@media only screen and (max-width: 1536px) {}

@media only screen and (max-width: 1024px) {
    /* img#logofooter {
        width: 16%;
    }

    img#logofooterEight {
        width: 160px;
    } */

    #logoOne {
        max-width: 80% !important;
        margin-left: 0% !important;
    }

    #logoTwo {
        width: 100% !important;
        margin-left: 0% !important;
    }

    p#textone {
        margin-left: 30% !important;
    }

    p#texttwo {
        margin-left: 30%;
    }

    p#textthree {
        margin-left: 30%;
    }

    p#socialText {
        text-align: center;
    }

    .social-media {
        margin-left: 30% !important;
    }
}

@media only screen and (max-width: 991px) {
    #logoOne {
        max-width: 35% !important;
        margin-left: 33% !important;
    }

    #logoTwo {
        width: 40% !important;
        margin-left: 31% !important;
    }

    img#logofooterSix {
        width: 5%;
        margin-top: 0.5%;
    }

    .social-media {
        margin-left: 44% !important;
    }
}

@media only screen and (max-width: 768px) {
    p#textone {
        margin-left: 0% !important;
    }

    p#texttwo {
        margin-left: 0% !important;
    }

    p#textthree {
        margin-left: 0% !important;
    }

    p#textfour {
        margin-left: 0% !important;
    }

    .socials {
        margin-left: -7%;
        margin-top: -10%;
    }

    /* img#logofooter {
        margin-top: 20px;
        width: 20%;
        margin-left: 0%;
    } */

}

@media only screen and (max-width: 768px) {
    img#logofooter {
        margin-top: 20px;
        width: 25%;
        margin-left: 0%;
    }

    img#logofooterTwo {
        margin-top: 30px;
        width: 25%;
        margin-left: 15px;
        mix-blend-mode: multiply;
    }

    img.council-logo {
        margin-left: 38%;
        margin-top: 32px;
        padding-top: 0px;
    }

    img#logofooterSix {
        width: 5%;
        margin-top: 0.5%;
    }

    img#logofooterSeven {
        width: 25%;
        margin-left: 30px;
        mix-blend-mode: multiply;
        margin-top: 20px;
    }

    .socials {
        margin-left: -11%;
        margin-top: -10%;
    }

    .social-media {
        margin-left: 45.5% !important;
    }

    .footer-text {
        padding-top: 20px;
        text-align: center;
        margin-left: 0px;
    }

    p#linkOne {
        margin-left: 3%;
    }

    p#linkTwo {
        margin-left: 2%;
    }

    p#linkThree {
        margin-left: 3%;
    }

    #linkFour {
        margin-left: 3%;
    }

    p#footerText {
        margin-left: 28%;
        margin-top: 50px;
        position: relative;
        padding-top: 35px;
    }

    p#socialText {
        text-align: center;
        margin-left: 4%;
    }
}

@media only screen and (max-width: 767px) {
    img#logofooterSix {
        width: 6%;
        margin-top: 0.5%;
    }
}

@media only screen and (max-width: 634px) {
    img#logofooterSix {
        width: 8%;
        margin-top: 0.8%;
    }

    .social-media {
        margin-left: 44% !important;
    }
}


@media only screen and (max-width: 425px) {
    p#footerText {
        margin-left: 13%;
        margin-top: 35px;
        position: relative;
        padding-top: 10px;
    }

    img#footerimagetwo {
        margin-top: 0%;
        float: left;
        padding-right: 10px;
        width: 40px;
        margin-left: 20%;
    }

    p#texttwo {
        margin-left: 28% !important;
        margin-top: 0%;
        width: 65% !important;
    }

    img#footerimageone {
        margin-top: 0%;
        float: left;
        padding-right: 10px;
        width: 40px;
        margin-left: 20%;
    }

    img#footerimagethree {
        margin-top: 0%;
        float: left;
        padding-right: 10px;
        width: 40px;
        margin-left: 20%;
    }

    img#footerimagefour {
        margin-top: 0%;
        float: left;
        padding-right: 10px;
        margin-left: 20%;
        width: 40px;
    }

    p#textfour {
        color: #fff;
        margin-top: 0%;
        margin-left: 0% !important;
        font-size: 18px !important;
        font-weight: 700;
    }


    div#itemOne {
        height: 300px;
    }

    div#itemTwo {
        height: 300px;
    }

    div#itemThree {
        height: 300px;
    }

    .carousel-item {
        width: 200px !important;
        height: 300px;
        background-color: rgb(32 60 135);
        margin-left: 0%;
    }

    img#logofooterSix {
        width: 11%;
        margin-top: 0.5%;
    }

    .social-media {
        margin-left: 39% !important;
    }

    img.council-logo {
        margin-left: 29%;
        margin-top: 0px;
        padding-top: 0px;
    }

    .footer-text {
        padding-top: 20px;
        text-align: center;
        margin-left: 0px;
    }

    #linkFour {
        margin-left: 2.5%;
    }

    img#logofooter {
        margin-top: 30px;
        width: 20%;
        margin-left: 0%;
    }

    img#logofooterSeven {
        width: 20%;
        margin-left: 25px;
        mix-blend-mode: multiply;
        margin-top: 10px;
    }

    p#linkOne {
        font-size: 14px !important;
        margin-right: 30px;
    }

    p#linkTwo {
        font-size: 14px !important;
        margin-right: 30px;
    }

    p#linkThree {
        font-size: 14px !important;
        margin-right: 30px;
    }

    p#linkFour {
        font-size: 14px !important;
        margin-right: 30px;
    }
}

@media only screen and (max-width: 375px) {
    img.council-logo {
        margin-left: 29%;
        margin-top: 0;
        padding-top: 0px;
        margin-bottom: 0px;
    }

    img#logofooterSeven {
        width: 20%;
        margin-left: 15px;
        mix-blend-mode: multiply;
        margin-top: 15px;
    }

    p#linkOne {
        font-size: 12px !important;
    }

    p#linkTwo {
        font-size: 12px !important;
    }

    p#linkThree {
        font-size: 12px !important;
    }

    p#linkFour {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 320px) {
    img#logofooterSeven {
        width: 20%;
        margin-left: 15px;
        mix-blend-mode: multiply;
        margin-top: 10px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    h1 {
        font-size: 42px;
    }

    img#logofooter {
        margin-top: 30px;
        width: 20%;
        margin-left: 5%;
    }

    .social-media {
        margin-left: 36% !important;
    }

    img.council-logo {
        margin-bottom: 40px;
        margin-left: 23%;
    }

    p#footerText {
        left: 0%;
        margin-top: 51px;
        position: relative;
        text-align: center;
    }
}